<template>
  <div>
    <Child1 :car = "car" :changeCar = "change"/>
    <hr>
    <Child2 :car = "car"/>
  </div>
</template>

<script>
import Child1 from "./components/childe1.vue";
import Child2 from "./components/childe2.vue";
export default {
  name: "App",
  components: {
    Child1,
    Child2,
  },
  data(){
    return{
      car: "aodiA6L"
    }
  },
  methods:{
    change(car){
      this.car = car
    }
  },



  beforeCreate() {
    console.log("****beforeCreate****");
  },

  created() {
    console.log("****created****");
  },

  beforeMount() {
    console.log("****beforeMount****");
  },

  mounted() {
    console.log("****mounted****");
  },

  beforeUpdate() {
    console.log("****beforeUpdate****");
  },

  updated() {
    console.log("****updated****");
  },

  beforeDestroy() {
    console.log("****beforeDestroy****");
  },

  destroyed() {
    console.log("****destroyed****");
  },
};
</script>

<style>
</style>